<template>
	<fieldset>
		<legend>基友们</legend>
        <h1>{{$route.params}}</h1>
		<h1>王力宏</h1>
		<h1>吴签</h1>
		<h1>李云迪</h1>
		<h1>罗志祥</h1>
		<h1>霍尊</h1>
		<h1>古巨基</h1>
		<h1>张根硕</h1>
	</fieldset>
</template>
<script>

	export default {
        created(){
            // $router 整个项目最大的根路由对象
            console.log(this.$router)
            // $route 当前页面的路由对象
            console.log(this.$route)
            //动态路由会复用组件,参数发生变化的时候,并不会重新加载组件,所以要响应参数变化,那么可以用watch进行监听
            console.log(this.$route.params)
        },
        //路由参数变化的时候,编写某些逻辑,那么就可以使用watch来监听路由对象
        watch:{
            $route(newVal){
                console.log(newVal)
            }
        }
        
	}
</script>